<template>
	<div id='add-address' @click='addressChange'>
		<p>
			<span style='font-size:15px;'>请添加收货信息</span>
			<span class='el-icon-arrow-right icon-right'></span> 
		</p>
	</div>
</template>

<script>
	export default {
		methods:{
			addressChange(){
				this.$emit('addressChange');
			}
		}
		
	}
</script>

<style scoped>
	#add-address{
		height:75px;
		line-height: 75px;
		background:white;
	}
	#add-address p{
		position: relative;
		background: url('../../../static/img/add.png') no-repeat 1rem;
	}
	#add-address p span:first-of-type{
		display: inline-block;
    	text-indent: 50px;
    	font-size:14px;
	}
	.icon-right{
		position: absolute;
		top:35%;
		right: 1rem;
		font-size:22px;
		color:#999;
	}
</style>